<template>
  <a-date-picker v-decorator="decoratorOptions" :open="open" v-bind="$attrs" @openChange="handleOpenChange">
    <template slot="renderExtraFooter">
      <a-button type="link" @click="setLongTerm">
        长期
      </a-button>
    </template>
  </a-date-picker>
</template>

<script>
import moment from 'moment'

export default {
  name: 'DatePickerWithFooter',
  props: {
    form: {
      type: Object,
      required: true,
    },
    decoratorOptions: {
      type: Array,
      required: true,
    },
  },
  data() {
    return {
      open: false, // 控制日期选择框的显示状态
    }
  },
  methods: {
    setLongTerm() {
      // 使用传入的form对象设置字段值为长期日期，并关闭日期选择框
      this.form.setFieldsValue({
        licenseEndDate: moment('9999-12-31'),
      })
      this.open = false // 关闭日期选择框
    },
    handleOpenChange(status) {
      this.open = status // 更新open状态
    },
  },
}
</script>

<style scoped>
/* 你可以在这里添加一些样式，如果需要的话 */
</style>
